<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <title>codingcat.cc</title>
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="lib/editor-md/examples/css/style.css" />
    <link rel="stylesheet" href="lib/editor-md/css/editormd.preview.css" />
    <link rel="stylesheet" type="text/css" href="fontawesome/css/all.min.css" />
    <link rel="stylesheet" type="text/css" href="css/reset.min.css" />
    <link rel="stylesheet" type="text/css" href="css/common.min.css" />
    <link rel="stylesheet" type="text/css" href="css/details.min.css" />
    <style>            
        .editormd-html-preview {
            width: 90%;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <header>
        <nav class="navbar fixed-top navbar-expand-sm navbar-light bg-light">
            <div class="container-fluid">
                <a class="navbar-brand" href="#">Coding Cat<span class="navbar-brand-desc">享受编码和技术所带来的快乐</span></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                 aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div id="navbarSupportedContent" class="navbar-collapse collapse justify-content-end">
                    <ul class="navbar-nav">
                        <li class="nav-item active">
                            <a class="nav-link" href="index.html">首页 <span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="tags.html">标签</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="history1.html">归档</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>
    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <main class="site-main">
                        <header>
                            <h1>CodingCat库存系统架构设计</h1>
                            <ul class="info">
                                <li>发表于 2019-03-24</li>
                                <li class="interval">|</li>
                                <li>分类于 <a href="">架构设计</a>，<a href="">java开发</a></li>
                            </ul>
                        </header>
                        <article class="encryption">
                            <input type="password" class="passwd" placeholder="内容已加密，请输入密码" id="passwd" />
                        </article>
                        <article class="content" id="content">
                            <textarea style="display:none;"></textarea>               
                        </article>
                        <article class="statement" id="statement">
                            <textarea style="display:none;"></textarea>
                        </article>
                        <ul class="switch-articles">
                            <li><a href="">&lt; 上一篇文章的标题</a></li>
                            <li><a href="">下一篇文章的标题 &gt;</a></li>
                        </ul>
                    </main>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="jquery/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="js/popper.min.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/editor-md/lib/marked.min.js"></script>
    <script type="text/javascript" src="lib/editor-md/lib/prettify.min.js"></script>
    
    <script type="text/javascript" src="lib/editor-md/lib/raphael.min.js"></script>
    <script type="text/javascript" src="lib/editor-md/lib/underscore.min.js"></script>
    <script type="text/javascript" src="lib/editor-md/lib/sequence-diagram.min.js"></script>
    <script type="text/javascript" src="lib/editor-md/lib/flowchart.min.js"></script>
    <script type="text/javascript" src="lib/editor-md/lib/jquery.flowchart.min.js"></script>

    <script src="lib/editor-md/editormd.js"></script>
    <script type="text/javascript">
        $(function() {
            
            $('#passwd').keypress(function(e) {
                if(e.which == 13) {
                    if($(this).val() === '123456') {
                        var content = "## 这里是MD文档\n > 这里是MD\n > 这里是MD\n > 这里是MD\n > 这里是MD\n > 这里是MD\n > 这里是MD";
                        $("#content textarea").text(content);
                        var contentEditormdView = editormd.markdownToHTML("content", {
                            htmlDecode      : "style,script,iframe",
                            emoji           : true,
                            taskList        : true,
                            tex             : true,
                            flowChart       : true,
                            sequenceDiagram : true,
                        });
                        $('.encryption').hide();
                    }
                }
            });
            var statement = "\n\n > 本文作者：CodingCat\n > 本文链接：https://community.oracle.com/docs/DOC-1006738\n > 版权申明：本博客所有文章除特别声明外，转载请注明出处！";
            $("#statement textarea").text(statement);
            var statementEditormdView = editormd.markdownToHTML("statement", {
                htmlDecode      : "style,script,iframe",
                emoji           : true,
                taskList        : true,
                tex             : true,
                flowChart       : true,
                sequenceDiagram : true,
            });
        });
    </script>
</body>
</html>